<link rel="stylesheet" href="templates/authority/qxgl/css/jurisdiction02.css" />
<!--树-->
<div class="item i1 vany_tree" id="move_left">
	<div class="relative">
		<div class="pd14">
			<div class="search-bar">
				<input type="text" id="key" value="" class="empty" placeholder="请输入姓名查找" />
				<i class="iconfont">&#xe60d;</i>
			</div>
		</div>
		<div class="treeTitle" id="treeTitle">
			<i class="iconfont">&#xe795;</i>角色列表
			<el-button type="text" @click="addTitle"><i class="iconfont icon-jia addRole"></i></el-button>
		</div>
		<ul id="treeDemo" class="ztree"></ul>
		<div class="moveline"></div>
	</div>
</div>
<!--表格-->
<div class="item i2">
	<div id="transfertabs">
		<el-tabs type="border-card">
			<el-tab-pane label="功能权限">
				<div id="transfer"></div>
			</el-tab-pane>
			<el-tab-pane label="数据权限">

			</el-tab-pane>
		</el-tabs>
	</div>
</div>

<!--树的下拉-->
<div id="rMenu" class="UseShow">
	<ul>
		<li id="m_edit">
			<el-button type="text" @click="Edit">修改角色</el-button>
		</li>
		<li id="m_del">
			<el-button type="text" @click="del">删除角色</el-button>
		</li>
		<li id="m_open" @click="EnableUse">
			<el-button type="text">开启</el-button>
		</li>
		<li id="m_close" @click="DisableUse">
			<el-button type="text">禁用</el-button>
		</li>
		<li id="m_del">
			<el-button type="text" @click="AddPeople">角色人员</el-button>
		</li>
	</ul>
</div>

<!--添加子部门-->
<div id="addRole" class="movedialog">
	<el-dialog v-model="treeAddVisible" title="新建角色" size="small" custom-class="border_dialog title_dialog" :before-close="handleClose">
		<el-form :label-position="labelPosition" :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px">
			<el-form-item label="角色编码" prop="id">
				<el-input v-model="ruleForm.id" placeholder="请输入角色编码"></el-input>
			</el-form-item>
			<el-form-item label="角色名称" prop="name">
				<el-input v-model="ruleForm.name" placeholder="请输入角色名称"></el-input>
			</el-form-item>
			<!--<el-form-item label="角色电话">
				<el-input v-model="ruleForm.tel" placeholder="请输入角色电话"></el-input>
			</el-form-item>-->
			<el-form-item label="角色状态">
				<el-radio-group v-model="ruleForm.state">
					<el-radio :label="1">启用</el-radio>
					<el-radio :label="0">禁用</el-radio>
				</el-radio-group>
			</el-form-item>
		</el-form>
		<div slot="footer" class="dialog-footer">
			<el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
		</div>
	</el-dialog>
</div>

<!--修改角色-->
<div id="treeEdit" class="movedialog">
	<el-dialog v-model="treeEditVisible" title="修改角色" size="small" custom-class="border_dialog title_dialog" :before-close="handleClose">
		<el-form :label-position="labelPosition" :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px">
			<el-form-item label="角色编码" prop="bianma">
				<el-input v-model="ruleForm.bianma" placeholder="请输入角色编码"></el-input>
			</el-form-item>
			<el-form-item label="角色名称" prop="name">
				<el-input v-model="ruleForm.name" placeholder="请输入角色名称"></el-input>
			</el-form-item>
			<el-form-item label="角色电话" prop="tel">
				<el-input v-model="ruleForm.tel" placeholder="请输入角色电话"></el-input>
			</el-form-item>
			<el-form-item label="角色状态">
				<el-radio-group v-model="ruleForm.state">
					<el-radio :label="1">启用</el-radio>
					<el-radio :label="0">禁用</el-radio>
				</el-radio-group>
			</el-form-item>
		</el-form>
		<div slot="footer" class="dialog-footer">
			<el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
		</div>
	</el-dialog>
</div>
<!--角色人员-->
<div id="rolePerson" class="movedialog">
	<el-dialog title="报表审核员" v-model="rolePersonVisible" custom-class="border_dialog title_dialog" :before-close="handleClose">
		<el-row :gutter="20">
			<el-col :span="16">
				<el-input @input.native="filterTable" placeholder="请输入您要搜索的内容" icon="search" v-model="keyWord"></el-input>
			</el-col>
			<el-col :span="8">
				<el-button type="primary">选择人员</el-button>
				<el-button type="primary" @click="remove">批量移除</el-button>
			</el-col>
		</el-row>
		<p style="margin:10px 0 30px 0;"></p>
		<el-table height="500" :data="tableData" @selection-change="selsChange">
			<el-table-column type="selection" width="50"></el-table-column>
			<el-table-column property="account_number" label="学工号"></el-table-column>
			<el-table-column property="Name" label="姓名"></el-table-column>
			<el-table-column property="Gender" label="性别" :formatter="genderFormatter"></el-table-column>
			<el-table-column property="Org" label="学院"></el-table-column>
		</el-table>
	</el-dialog>
</div>
<script type="text/javascript" src="templates/authority/common/js/VanyEditTree.js"></script>
<script type="text/javascript" src="templates/authority/qxgl/js/jurisdiction2.js"></script>
<script type="text/javascript" src="templates/authority/common/js/moveline.js"></script>